﻿<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE HTML>
<html>
  <head>
    <c:import url="_meta.jsp"></c:import>
    <c:import url="_link.jsp"></c:import>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/static/h-ui.admin/css/style.css" />
    <title>售卡报表</title>
  </head>

  <body>
    <c:import url="_header.jsp"></c:import>
    <c:import url="_menu.jsp"></c:import>

    <section class="Hui-article-box">
	  <nav class="breadcrumb">
		<i class="Hui-iconfont">&#xe67f;</i>
		<a href="${pageContext.request.contextPath}/sysusr/index.html" class="maincolor">首页</a>
		<span class="c-gray en">&gt;</span> 报表统计
		<span class="c-gray en">&gt;</span> 售卡报表
		<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" >
			<i class="Hui-iconfont">&#xe68f;</i>
		</a>
	  </nav>
	  
	  <div class="Hui-article">
		<article class="cl pd-20">
		  <div class="text-c"> 日期范围：
		    <input type="text" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'logmax\')||\'%y-%M-%d\'}'})" id="logmin" class="input-text Wdate" style="width:120px;">
					- 
			<input type="text" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'logmin\')}',maxDate:'%y-%M-%d'})" id="logmax" class="input-text Wdate" style="width:120px;">
			<!-- <input type="text" name="" id="" placeholder=" " style="width:250px" class="input-text"> -->
			<button name="" id="" class="btn btn-success" type="submit">
			  <i class="Hui-iconfont">&#xe665;</i> 查询
			</button>
			<button type="button" class="btn btn-primary noprint" id="print" onclick="print()">打印</button>
		  </div>
		  <div class="cl pd-5 bg-1 bk-gray mt-20">
            <span class="l">
		      <a class="btn btn-primary radius" data-title="待扩展" onclick="add('待扩展','${pageContext.request.contextPath}/')" href="javascript:;">
			    <i class="Hui-iconfont">&#xe600;</i> 待扩展
			  </a>
            </span>
		  </div>
          <!-- 数据表 -->
          <div class="mt-20">
            <table class="table table-border table-bordered table-hover table-bg table-sort" id="listTable">
              <thead>
                <tr>
                  <th scope="col" colspan="4">售卡报表</th>
                </tr>
                <tr class="text-c">
                  <th>销售类型</th>
                  <th>售卡数量</th>
                  <th>单价</th>
                  <th>售卡总金额</th>
                </tr>
              </thead>
              <tbody>
              </tbody>
            </table>
          </div>
          <!--/ 数据表 -->
		</article>
	  </div>
    </section>
    <c:import url="_footer.jsp"></c:import>
    <script type="text/javascript" src="${pageContext.request.contextPath}/resources/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/resources/lib/laypage/1.2/laypage.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/resources/lib/My97DatePicker/4.8/WdatePicker.js"></script>
    <script>var contextPath = "${pageContext.request.contextPath}";</script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/report-saleCard-list.js"></script>

  </body>
</html>